<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Loading...</title>
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="styles/markdown.css">
  <style>
    body {
      font-family: -apple-system,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
    }
    img {
      max-width: 100%;
    }
    #markdown {
      max-width: 800px;
      min-width: 200px;
      margin: 30px auto;
      padding: 30px;
      border: 1px solid #ddd;
      border-radius: 4px;
    }
  </style>
</head>
<body>
  <div id="markdown" class="markdown-body">Loading...</div>
  <!-- 多说评论框 start -->
	<div class="ds-thread" data-thread-key="fe-training" data-title="培训班" data-url="https://xieranmaya.github.io/fe-training/"></div>
  <!-- 多说评论框 end -->
  <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
  <script type="text/javascript">
    var duoshuoQuery = {short_name:"github404blog"};
  	(function() {
  		var ds = document.createElement('script');
  		ds.type = 'text/javascript';ds.async = true;
  		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
  		ds.charset = 'UTF-8';
  		(document.getElementsByTagName('head')[0] 
  		 || document.getElementsByTagName('body')[0]).appendChild(ds);
  	})();
	</script>
  <!-- 多说公共JS代码 end -->
</body>
<script src="libs/marked.js"></script>
<script src="libs/jquery-2.1.4.min.js"></script>
<script>
$(function(){
  $.get('https://xieranmaya.github.io/fe-training/intro.md').then(function(mdText) {
    mdHtml = marked(mdText)
    $('#markdown').html(mdHtml)
    $('title').text($('#markdown h1').text())
  })
})
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?2243d09d24f5e80836f6b9d3a08d9fb0";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</html>
